<template>
	<view>
		<u-navbar :border-bottom='false' title-bold="true" style="font-weight: 1200;"  title="实名认证">
		</u-navbar>
		
		<!--状态图标-->
		<view class="zaiui-status-image-view">
			<image src="/static/zaiui/img/real_name.png" mode="widthFix" />
		</view>
		
		<!--状态信息-->
		<view class="text-black text-xl text-center margin-bottom-sm" v-if="!cerData.codeName">您尚未实人认证</view>
		
		<view class="text-black text-lg text-center margin-bottom-sm" v-if="cerData.codeName">
			<text class="margin-right">{{cerData.codeName}}</text>
			<text>{{cerData.codeId}}</text>
		</view>
		<view class="text-black text-xl text-center margin-bottom-sm" v-if="cerData.codeName">您已完成实人认证</view>
		
		<!--文字说明-->
		<view class="text-gray text-center zaiui-content-view" v-if="!cerData.codeName">
			实人认证是由一点合作的第三方提供的一项个人身份认证服务，应国家法律相关要求，您实名后才可以进行交易。
		</view>
		<view class="text-gray text-center zaiui-content-view" v-if="cerData.codeName">
			实人认证是由一点合作的第三方提供的一项个人身份认证服务，应国家法律相关要求，您实名后才可以进行交易。
		</view>
		
		<!--按钮-->
		<view class="zaiui-btn-view" v-if="!cerData.codeName">
			<button class="cu-btn bg-red radius" @tap="btnTap">去认证</button>
		</view>
		
	</view>
</template>

<script>

	export default {
		
		data() {
			return {
				cerData:{}
			}
		},
		onReady() {
			this.loadData()
		},
		methods: {
			loadData(){
				this.$u.api.getCertification().then(res=>{
					this.cerData=res
				})
			},
			btnTap() {
				uni.navigateTo({
					url: "/pages/certification/certification"
				});
			}
		}
	}
</script>

<style lang="scss">

	page { background: #FFFFFF; }
	.zaiui-status-image-view {
		position: relative;
		text-align: center;
		margin-top: 90.9rpx;
		margin-bottom: 18.18rpx;
		image {
			width: 472.72rpx;
		}
	}
	.zaiui-content-view {
		position: relative;
		padding: 0 72.72rpx;
	}
	.zaiui-btn-view {
		position: relative;
		text-align: center;
		margin-top: 90.9rpx;
		.cu-btn {
		    padding: 0 45.45rpx;	
		}
	}
</style>
